<!DOCTYPE html>
<html>
<head>

	<meta charset="UTF-8">
	<title>组合投放案例</title>
	<meta name="x5-orientation" content="portrait">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0" />
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript" src="js/Adaptive/Adaptive.js"></script>
	<script type="text/javascript" src="js/jquery/jquery-1.8.2.min.js"></script>

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/css/swiper.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/js/swiper.min.js"></script>

	<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
	<script type="text/javascript" src="js/public.js"></script>

</head>
<body>
	<div class="maxCon" id="app">
		<div class="pageCon">
			<img class="bgImg" style="display: block;" src="images/page5bg1.jpg">
			<div class="pg5btnCon">
				<div v-for="(item, index) in  nav" :kry="index"  :class="['label',pageIndex == index ? 'active' :'']" @click="pageIndex = index" :data-MtaH5="item.MtaH5">{{item.name}}</div>
			</div>


			<div class="textCon1" v-html="text1"></span></div>

			<div class="textCon2" v-html="tdata.thisData.text2"></div>

			<div class="textCon3" v-html="tdata.thisData.text3"></div>


			<div class="textCon4">{{tdata.lineCon[swiperIndex].name}}</div>
			<div class="page5swiperCon">
				<div class="swiper-container">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide"><img :src="['images/page5/img'+pageIndex+'/images/img_01.jpg']"></div>
				        <div class="swiper-slide"><img :src="['images/page5/img'+pageIndex+'/images/img_02.jpg']"></div>
				        <div class="swiper-slide"><img :src="['images/page5/img'+pageIndex+'/images/img_03.jpg']"></div>
				        <div class="swiper-slide"><img :src="['images/page5/img'+pageIndex+'/images/img_04.jpg']"></div>
				        <div class="swiper-slide"><img :src="['images/page5/img'+pageIndex+'/images/img_05.jpg']"></div>

				    </div>
				</div>
			</div>


			<div class="page5lineCon">
				<ul>
					<li v-for="(item, index) in tdata.lineCon" :key="index" :class="[swiperIndex == index ? 'active' : '']">
						<div class="name">{{item.name}}</div>
						<div class="line"><span :style="{width:item.number+'px'}"></span></div>
					</li>

				</ul>
			</div>


			<div class="page5numberCon">
				<ul>
					<li v-for="(item, index) in tdata.numbers">
						<div class="number">{{item.number}}</div>
						<div class="text">{{item.name}}</div>
					</li>
				</ul>
			</div>



			<!-- <a class="Publiclink" href="#">想了解更多？查看完整版营销秘籍</a> -->

		</div>


		<!-- <div class="publicNavCon">
			<a href="#"><i class="iconfont icon-zuoyou1"></i></a>
			<a href="#"><i class="iconfont icon-zuoyou"></i></a>
		</div> -->
	</div>

	<script type="text/javascript" src="js/page5.js"></script>

</body>
</html>
